header {
    position: relative;
    background-color: #4294FF;
    padding-left: 18px;
    font-weight: bolder;
    color: #fff;
    height: 170px;
    
    

    /*头部箭头*/
    .return {

        left: 18px;
        top: 54px;
        width: 30px;
        line-height: 50px;
        color: #fff;
    }

    /*今日目标*/
    .target {
        position: relative;
        left: 161px;

        width: 64px;
        height: 22px;
        color: rgba(0, 78, 115, 100);
        font-size: 16px;
        text-align: left;
        font-family: PingFangSC-regular;
    }

    /*我的勋章*/
    .meOrder {
        position: relative;
        left: 6px;
        top: -10px;
        width: 96px;
        height: 33px;
        color: rgba(255, 255, 255, 100);
        font-size: 24px;
        text-align: left;
        font-family: PingFangSC-regular;
    }

    /*mY*/
    .my {
        position: relative;
        left: 6px;
        top: -15px;
        width: 140px;
        height: 28px;
        color: rgba(170, 217, 247, 100);
        font-size: 20px;
        text-align: left;
        font-family: PingFangSC-bold;
    }

    .number {
        position: absolute;
        left: 203px;
        top: 22px;
        width: 183px;
        height: 183px;
        padding: 26px 86px 45px 47px;
        background: url('../../assets/imgs/index-card-badge.png')no-repeat;
        background-size: 110px;
        background-position: 70px;



        div {

            width: 48px;
            height: 112px;
            color: rgba(255, 255, 255, 100);
            font-size: 80px;
            text-align: left;
            line-height: 112px;
            font-family: PingFangSC-bold;
            ;
        }

    }



}

/*勋章页 */
main {
     margin-top: 20px;
     width: 100%; 
     font-weight: bolder;
    ul {
       flex-direction: row;
     
       
        flex-wrap: wrap;
        padding: 25px 20px;

        li {
             text-align: center;
                width: 90px; 
                margin-left: 20px;
                margin-bottom: 25px;
            img {
                width: 90px;
                height: 90px;
                margin-bottom: 15px;
                
            }

            p {
                width: 100%;
                font-size: 14px;
                
            }
        }
    }
}